header{background-color: #4a90e2!important;}
header h1{color: #fff!important;}
header a{color: #fff!important;}
header span{color: #fff!important;}
header .cut_text{font-size: 12px!important;line-height: 28px;}
*{
    font-family: "Microsoft Yahei", sans-serif;
}
.cmp-content{background-color: #f4f4f4;}
header{
    background-color: rgb(254,254,254)!important;
    position: static!important;
}
header a{
    color: #3aadfb!important;
}
header span,header h1{
    color: #333333!important;
    font-size: 18px!important;
}
header .news-back{display: inline-block;float: left;margin-top: 8px;}
header .news-back span{font-size: 16px!important;color: #3aadfb!important;}
.cmp-bar .cmp-title{left:60px;right: 60px;}
header:after{
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #e3e3e5;
    -webkit-transform: scale(1,0.5);
    transform: scale(1,0.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.body-content{
    background: #fff;
}
#operate{
    margin-top: 8px;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    text-align: center;
    margin-right: 15px;
    border-radius: 14px;
}
#operate.state-edit{
    color: #ff3939;
    border: 1px solid #ff3939;
}
#operate.state-save{
    color: #3aadfb;
    border: 1px solid #3aadfb;
}
.title{
    color: #666;
    font-size: 14px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
}
.title .head{
    margin-left: 15px;
    font-size: 15px;
}
.title .brief{
    display: none;
}
.detail .shortCutUl{
    overflow: hidden;
    margin-bottom: 15px;
}
#addShortCutDiv .detail .shortCutUl{
    margin: 0 10px 15px 10px;
}
.shortCutUl.shortCut1{
    touch-action: none;
}
.detail .shortCutUl li.item{
    width: 25%;
    float: left;
    list-style: none;
}
.detail .shortCutUl li.item .operateArea{
    position: relative;
    margin: 15px 5px 0 0;
    height: 26px;
    line-height: 26px;
    border-radius: 20px;
    background: #fff;
    color: #8e8e8e;
    border: 1px solid #e8e8e8;
}
#selectedShortCutDiv .detail .shortCutUl li.item .operateArea{
    color: #3aadfb;
    border: 1px solid #3aadfb;
}
.detail .shortCutUl li.item .operateArea.isChoose{
    display: none;
    border:1px solid #cecece;
}
.detail .shortCutUl li.item .operateArea .iconfont {
    font-size: 14px!important;
}
.detail .shortCutUl li.item .operateArea .remove{
    position: absolute;
    top: -8px;
    right: -5px;
    color: #ff3939;
    font-size: 16px;
    display: none;
}
.detail .shortCutUl li.item .operateArea .name .add{
    display: none;
    font-size: 14px!important;
}
.detail .shortCutUl li.item .operateArea .leftIcon{
    color: #cecece;
    display: none;
    font-size: 14px!important;
}
.detail .shortCutUl li.item .operateArea.isChoose .name{
    color: #cecece;
}
.detail .shortCutUl li.item .operateArea .name{
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px;
}
.shortCutGroup:last-child .group-content{
    border:none;
}
.shortCutGroup .group-content{
    margin: 0 10px;
    border-bottom: 1px solid #cccccc;
    padding-top: 15px;
}
.shortCutGroup.choose{
    border: 2px dashed #1f85ec;
}
.shortCutGroup .groupTitle{
    width: 100%;
    height: 15px;
    line-height: 15px;
    color: #999;
}
.shortCutGroup .groupTitle span{
    font-size: 12px;
    display: inline-block;
    width: 70%;
}
/**
 * 拖动样式
 */
.sortable-ghost .operateArea {
    visibility: hidden;
}
.choosedShortCut .detail li.longtap-shortcut .operateArea {
    background-color: #eee;
}
